﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        img {
            width: 50px;
            height: 50px;
        }

        .d {
            border-style: solid;
            border-width: 2px;
            border-color: black;
            width: 160px;
            height: 60px;
            text-align: center;
        }

        .d-parent {
            border-style: solid;
            border-width: 2px;
            border-color: black;
            display: -webkit-box;
            -webkit-box-orient: horizontal;
        }

        .d2 {
            height: 120px;
        }

        .d3 {
            height: 180px;
        }

        .d-text {
            width: 1000px;
            height: 180px;
            text-align: left;
        }
        .ziti1{
            font-size:10px;
        }
        .ziti2 {
            font-size:5px;
        }
    </style>
</head>
<body>
    <script src="/jquery.min.js"></script>
    <script src="/bll.js"></script>
    <input type="button" id="BtnStart" value="开始游戏" onclick="bll.start();" />
    <div id="d_btn" style="display:none;">
        <input type="button" id="BtnRed" value="红方先手" onclick="bll.KaiJu(this);" />
        <input type="button" id="BtnBlue" value="蓝方先手" onclick="bll.KaiJu(this);" />
    </div>
    <div class="d-parent">
        <div class="d">
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
        </div>

        <div class="d d2">
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
        </div>

        <div class="d d3">
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
        </div>
        <div class="d d-text">
        </div>
    </div>
    <div id="main">

    </div>
    <!--<div class="d-parent">
        <div class="d">
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
        </div>

        <div class="d d2">
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
        </div>

        <div class="d d3">
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
            <img src="/img/a.jpg" />
        </div>
        <div class="d d-text">
            <div class="ziti1">第1回合开始！</div>
            <div class="ziti2">红方抓取2号篮子中的3个苹果。目前：1号篮子剩余2个苹果，1号篮子剩余2个苹果，1号篮子剩余2个苹果。</div>
            <div class="ziti2">蓝方抓取2号篮子中的3个苹果。目前：1号篮子剩余2个苹果，1号篮子剩余2个苹果，1号篮子剩余2个苹果。</div>
        </div>
    </div>-->
    <script>
        $(function () {
        });
    </script>
</body>

</html>